
const obj = {
  mounted (el) {
    // el 为当前挂载的dom对象
    const catchSrc = el.src
    // 图片懒加载 占位图
    el.src = 'https://i-blog.csdnimg.cn/blog_migrate/992fec0640e20efda6af9efc13104097.gif'
    // el.src = require('@/assets/loading.gif')
    // 监听图片是否进入可视区域 进入可视区域后 加载图片
    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          // 加载图片
          el.src = catchSrc
          // 取消监听
          observer.unobserve(el)
        }
      })
    })
    observer.observe(el)
  }
}
export default {
  install: (app, options) => {
    // 在这里编写插件代码(插件里自定义指令)
    app.directive('imgLazy', obj)
  }
}
